@import '@/styles/variables.scss';

.registerInfo-container {
  min-width:1200px ;
  .register-title {
    padding-left: $collection-x;
    height: 54px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid $border-color;

    .line {
      width: 3px;
      height: $font-size-title;
      margin-top: 2px;
      background: $nav-bar;
      display: inline-block;
      align-self: center;
    }

    .h1 {
      font-size: $font-size-title;
      margin-left: 5px;
      align-self: center;
      color: $nav-bar;
      font-weight: bold;
    }
  }

  .main {
    padding: 0 $collection-x;
    height: calc(100vh - 141px);
    .searchBar {
      padding: $block-y 0;

      .el-form {
        .el-form-item {
          .searchBar_picker {
            width: 180px !important;
          }
          .searchBar_picker1{
            width:240px !important;
          }
          .searchBar_select {
            width: 120px !important;
          }

          .searchBar_input {
            width: 240px !important;
          }
        }
      }

      .buttonDrug {
        float: right;
      }

      .buttonDrugSpe {
        margin-right: 0;
      }

      .el-form-item {
        margin-bottom: 0;
      }
    }

    .table {
      .el-table {
        border-top: 1px solid $border-color ;
        border-left: 1px solid $border-color;
        border-right: 1px solid $border-color;
        max-height:calc(100vh - 263px);
        ::v-deep .el-table__body-wrapper{
          max-height:calc(100vh - 311px);
          overflow-y: auto;
          @import "@/styles/scrollbalStyle.scss";
        }
        ::v-deep .price{
          color: $price-icon-color;
        }
      }
      .el-pagination{
        padding-top: $collection-x;
      }
    }
  }
}